<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- header -->
    <div id="header-wrap">
        <div class="header">
            <h1 class="fl">
                <a href="#">
                    <img src="images/logo.png" alt="">
                </a>
            </h1>
            <ul class="fl header-list1">
                <li><a href="#">
                    首页
                </a></li>
                <li><a href="#">
                    推广
                    </a>
                    <i></i>
                    <ul class="list2">
                        <li><a href="#">
                            APP推广
                        </a></li>
                        <li><a href="#">
                            游戏推广
                        </a></li>
                        <li><a href="#">
                            海外推广
                        </a></li>
                        <li><a href="#">
                            微信推广
                        </a></li>
                        <li><a href="#">
                            抖音推广
                        </a></li>
                        <li><a href="#">
                            快手推广
                        </a></li>
                        <li><a href="#">
                            B站推广
                        </a></li>
                        <li><a href="#">
                            小红书推广
                        </a></li>
                    </ul>
                </li>
                <li><a href="#">
                    运营
                    </a>
                    <i></i>
                    <ul  class="list2">
                        <li><a href="#">
                            活动运营
                        </a></li>
                        <li><a href="#">
                            用户运营
                        </a></li>
                        <li><a href="#">
                            微信运营
                        </a></li>
                        <li><a href="#">
                            抖音运营
                        </a></li>
                        <li><a href="#">
                            快手运营
                        </a></li>
                        <li><a href="#">
                            微博运营
                        </a></li>
                        <li><a href="#">
                            B站运营
                        </a></li>
                        <li><a href="#">
                            小红书运营
                        </a></li>
                    </ul>
                </li>
                <li><a href="#">
                    营销
                    </a>
                    <i></i>
                    <ul  class="list2">
                        <li><a href="#">
                            活动策划
                        </a></li>
                        <li><a href="#">
                            案例分析
                        </a></li>
                        <li><a href="#">
                            数据研究
                        </a></li>
                        <li><a href="#">
                            短视频
                        </a></li>
                        <li><a href="#">
                            新媒体
                        </a></li>
                        <li><a href="#">
                            文案圈
                        </a></li>
                    </ul>
                </li>
                <li><a href="#">
                    青瓜早报
                    </a>
                    <i></i>
                    <ul  class="list2">
                        <li><a href="3">
                            青瓜早报
                        </a></li>
                        <li><a href="3">
                            青瓜专题
                        </a></li>
                        <li><a href="3">
                            互联网
                        </a></li>
                    </ul>
                </li>
                <li><a href="#">
                    推广服务
                    </a>
                    <i></i>
                    <ul  class="list2">
                        <li>
                            <a href="#">
                                广告资源
                            </a>
                        </li>
                            <li>
                                <a href="#">
                                    客户案例
                                </a>
                            </li>
                    </ul>
                </li>
                <li><a href="#">
                    联系我们
                    </a>
                    <i></i>
                    <ul  class="list2">
                        <li><a href="#">
                            投稿须知
                        </a></li>
                    </ul>
                </li>

            </ul>
            <div class="fr header-right">
                <span>
                    <a href="#">
                        <img src="images/sousuo.png" alt="">
                    </a>
                </span>
                <b><a href="#">
                    登录
                </a></b>
                <b><a href="#">
                    注册
                </a></b>
                <em><a href="#">
                    投稿
                </a></em>
            </div>
        </div>
    </div>



    <!-- main -->
    <div id="main-wrap">
        <div class="main">
            <div class="main-left fl">
                <div class="left-banner">
                    <div class="banner fl">
                        <a href="#">
                            <img src="images/banner.jpg" alt="">
                            <span>京东618营销推广启示录</span>
                        </a>
                    </div>
                    <div class="list-banner fr">
                        <li>
                            <a href="#">
                                <img src="images/banner-list1.jpg" alt="">
                                <span>新媒体运营：1个公司6大原则做好新媒体内容</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/banner-list2.jpg" alt="">
                                <span>B站用户运营策略分析报告！</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/banner-list3.jpg" alt="">
                                <span>爆火抖音短视频打造技巧分析</span>
                            </a>
                        </li>
                    </div>
                </div>

                 <!-- subject -->
                <div class="subject">
                    <p>
                        专题介绍
                        <a href="#" class="fr">
                            全部专题
                        </a>
                    </p>
                    <ul>
                        <li class="fl"><a href="#">
                            <img src="images/apptuiguang.png" alt="">
                            <span>APP推广</span>
                        </a></li>
                        <li class="fl"><a href="#">
                            <img src="images/yunying.png" alt="">
                            <span>产品运营</span>
                        </a></li>
                        <li class="fl"><a href="#">
                            <img src="images/yingxiao.png" alt="">
                            <span>品牌营销</span>
                        </a></li>
                        <li class="fl"><a href="#">
                            <img src="images/wenan.png" alt="">
                            <span>文案圈</span>
                        </a></li>
                    </ul>
                </div>

                <!-- sec -->
                <div class="sec">
                    <ul class="sec-head">
                        <li ><a href="#">
                            最新文章
                        </a></li>
                        <li><a href="#">
                            APP推广
                        </a></li>
                        <li><a href="#">
                            产品运营
                        </a></li>
                        <li><a href="#">
                            品牌营销
                        </a></li>
                        <li><a href="#">
                            文案圈
                        </a></li>
                        <li><a href="#">
                            移动互联网
                        </a></li>
                    </ul>
                    <ul class="sec-body">
                        <li class="sec-list">
                            <div class="listLeft">
                                <a href="#">
                                    <img src="images/73-1-480x300.jpg" alt="">
                                    <b>APP推广</b>
                                </a>
                            </div>
                            <div class="listRight">
                                <h3>
                                    <a href="#">
                                        如何在冷启动期获得种子用户？
                                    </a>
                                </h3>
                                <h4>
                                    对于互联网产品来说如果没用户，没钱，没资源，没数据，就常被互联网人成四无产品，运营起来更是举步维艰。但是不经历冷启动的运营不是好运营，所谓的冷启动冷启动就是从0用户开始积累用户的过程，在这个冷起动期间最重要的是如何快速获取种子用户，本文将对此展开论述。
                                </h4>
                                <p>
                                    1小时前
                                    <span>
                                        965
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                    <div class="sec-foot">
                        <p>点击查看更多</p>
                    </div>
                </div>
            </div>

           
            <!-- main-right -->
            <div class="main-right fr">
                <!-- hot -->
                <div class="hot">
                    <h2>
                        热门文章
                    </h2>
                    <ul>
                        <li>
                            <div class="fl hot-left">
                                <a href="#">
                                    <img src="images/82-4-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr hot-right">
                                <a href="#">
                                    新媒体运营：1个公式6大原则做好新媒体内容
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl hot-left">
                                <a href="#">
                                    <img src="images/101-1-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr hot-right">
                                <a href="#">
                                    2019中国移动互联网8个关键词！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl hot-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr hot-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- right-img1 -->
                <div class="right-img1">
                    <a href="#">
                        <img src="images/iqingua3.png" alt="">
                    </a>
                </div>


                <!-- recommend -->
                <div class="recommend">
                    <h2>
                        热门文章
                    </h2>
                    <ul>
                        <li>
                            <div class="fl recommend-left">
                                <a href="#">
                                    <img src="images/82-4-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr recommend-right">
                                <a href="#">
                                    新媒体运营：1个公式6大原则做好新媒体内容
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl recommend-left">
                                <a href="#">
                                    <img src="images/101-1-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr recommend-right">
                                <a href="#">
                                    2019中国移动互联网8个关键词！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl recommend-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr recommend-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl recommend-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr recommend-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl recommend-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr recommend-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- right-img2 -->
                <div class="right-img2">
                    <a href="#">
                        <img src="images/xiaomao2.png" alt="">
                    </a>
                </div>


                <!-- scriptures -->
                <div class="scriptures">
                    <h2>
                        热门文章
                    </h2>
                    <ul>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/82-4-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    新媒体运营：1个公式6大原则做好新媒体内容
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/101-1-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    2019中国移动互联网8个关键词！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/101-1-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    2019中国移动互联网8个关键词！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>
                        <li>
                            <div class="fl scriptures-left">
                                <a href="#">
                                    <img src="images/22-3-480x300.jpg" alt="">
                                </a>
                            </div>
                            <div class="fr scriptures-right">
                                <a href="#">
                                    如何让用户主动分享？我们总结了微信小程序几条实用经验！
                                </a>
                                <p>2019年12月12日</p>
                            </div>
                        </li>   
                    </ul>
                </div>

                <!-- hot-labels -->
                <div class="hot-labels">
                    <h2>
                        热门标签
                    </h2>
                    <a href="#">
                        APP推广
                    </a>
                    <a href="#">
                        ASO优化
                    </a>
                    <a href="#">
                        ASO算法
                    </a>
                    <a href="#">
                        IOS联系人
                    </a>
                    <a href="#">
                        产品经理
                    </a>
                    <a href="#">
                        产品运营
                    </a>
                    <a href="#">
                        人脉圈
                    </a>
                    <a href="#">
                        品牌营销
                    </a>
                    <a href="#">
                        安卓市场
                    </a>
                    <a href="#">
                        安卓联系人
                    </a>
                    <a href="#">
                        市场规则
                    </a>
                    <a href="#">
                        微信推广
                    </a>
                    <a href="#">
                        微信营销
                    </a>
                    <a href="#">
                        推广服务
                    </a>
                    <a href="#">
                        文案圈
                    </a>
                    <a href="#">
                        海外推广
                    </a>
                    <a href="#">
                        渠道推广
                    </a>
                    <a href="#">
                        游戏推广
                    </a>
                    <a href="#">
                        移动互联网
                    </a>
                    <a href="#">
                        站点地图
                    </a>
                    <a href="#">
                        线下推广
                    </a>
                    <a href="#">
                        职场攻略
                    </a>
                    <a href="#">
                        联系我们
                    </a>
                    <a href="#">
                        苹果竞价
                    </a>
                    <a href="#">
                        读好书
                    </a>
                    <a href="#">
                        起步营销
                    </a>
                    <a href="#">
                        运营工具
                    </a>
                    <a href="#">
                        青瓜推荐
                    </a>
                    <a href="#">
                        青瓜早报
                    </a>
                    <a href="#">
                        首发联系人
                    </a>
                </div>

                <!-- right-img3 -->
                <div class="right-img3">
                    <a href="#">
                        <img src="images/opp2.png" alt="">
                    </a>
                </div>


            </div>




        </div>

        <div class="main-foot">
            <p>
                友情链接
                <a href="#">
                    申请友链
                </a>
            </p>
            <ul>
                <a href="#">96新媒体</a>
                <a href="#">APP推广</a>
                <a href="#">APP推广平台</a>
                <a href="#">ASO优化</a>
                <a href="#">CPA之家</a>
                <a href="#">CQASO</a>
                <a href="#">产品运营</a>
                <a href="#">优惠券超人</a>
                <a href="#">大淘客</a>
                <a href="#">小猫试玩</a>
                <a href="#">游戏陀螺</a>
                <a href="#">白鲸出海</a>
                <a href="#">短信验证码</a>
                <a href="#">积分墙投放</a>
                <a href="#">运营大叔</a>
                <a href="#">青瓜传媒</a>
                <a href="#">青瓜智投</a>
                <a href="#">青瓜智推</a>
                <a href="#">龙游世纪</a>
                <a href="#">龙游游戏</a>
            </ul>
        </div>
    </div>


    <!-- footer -->
    <div id="footer-wrap">
        <div class="footer">
            <ul>
                <a href="#">首页</a>
                <a href="#">推广</a>
                <a href="#">运营</a>
                <a href="#">营销</a>
                <a href="#">数据</a>
                <a href="#">读好书</a>
                <a href="#">互联网</a>
                <a href="#">服务</a>
            </ul>
            <p>
                Copyright © 2014-2020 
                <a href="#">青瓜传媒</a>
                <a href="#">OPP2.com </a>
                <a href="#">版权所有</a>
                <a href="#">免责声明</a>
                <span>
                    <a href="#">
                        联系我们
                    </a>
                </span>
                <a href="#">闽ICP备14005448号-1</a>
            </p>
            <h2><img src="images/pic1.gif" alt=""></h2>
        </div>
    </div>

    <script src="js/index.js"></script>
</body>
</html>